$(document).ready(function () {
    // $("#submitForm").click(function() {
    //   var formData = {
    //     name: $("#name").val(),
    //     city: $("#city").val()
    //   };
    //
    //   // 使用 $.post 发送数据到 ASP 文件
    //   $.post("demo_test_post.asp", formData, function(data) {
    //     $("#result").html(data);
    //   });
    // });
  $("button").click(function () {
    // post请求发送的内容
    $.post("demo_test_post.asp", {
        name: "John",
        city: "Duckburg"
      },
      function (data, status) {
        alert("数据: " + data + "\n 状态:" + status);
      });
  });

  // get 请求发送的内容
  // $.get("./demo_test.asp", function (data, status) {
  //   alert("数据:" + data + "\n 状态:" + status);
  // })

  // $("#div1").load("./demo_test.txt",function (responseText,statusText,xhr){
  //   if (statusText=="success")
  //     alert("外部内容加载成功");
  //   if (statusText=="error")
  //     alert("Error:"+xhr.status+":"+xhr.statusText);
  // });
  // $("#div1").load("./demo_test.txt #p1");
  // });

  // 返回不带有类名"intro"的所有 p 元素
  // $("p:not(.intro)").css("background-color","yellow");

  // filter 方法 规定一个标准 不匹配这个标准的元素会被从集合中删除 匹配的元素会被范湖 返回带有类名 intro 的所有 p 元素
  // $("p").filter(".intro").css("background-color","yellow");


  // eq方法返回被选元素中带有指定索引号的元素
  // $("p").eq(1).css("background-color","yellow");

  // 选取最后一个div 元素中的最后一个 p 元素
  // $("div p").last().css("background-color","yellow");

  // 选取首个div 元素内部的第一个 p 元素
  // $("div p").first().css("background-color","yellow");

  // 返回h2 与 h6 之间的所有元素
  // $("h2").nextUntil("h6").css({"color":"red","border":"2px solid red"});

  // 返回h2元素的后面所有元素
  // $("h2").nextAll().css({"color":"red","border":"2px solid red"});

  // 返回h2元素的下一个元素
  // $("h2").next().css({"color":"red","border":"2px solid red"});

  // 返回h2的同胞元素的所有p元素
  // $("h2").siblings("p").css({"color":"red","border":"2px solid red"});

  // 返回 h2的所有同胞元素
  // $("h2").siblings().css({"color":"red","border":"2px solid red"});

  // 返回div的所有后代
  // $("div").find("*").css({"color":"green","border":"2px solid red"});

  // 查找所有元素中的span元素
  // $("div").find("span").css({"color":"red","border":"2px solid red"});

  // 带条件的过滤
  // $("div").children("p.a").css({"color":"red","border":"2px solid red"});


  // $("div").children().css({"color":"red","border":"2px solid red"});
  // $("span").parent().css({"color":"red","border":"2px solid red"});
  // $("span").parents().css({"color":"red","border":"2px solid red"});
  // 指定参数进行过滤
  // $("span").parents("ul").css({"color":"red","border":"2px solid red"});
  // 返回 两者之间的元素
  // $("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});

  // $("button").click(function(){
  // 返回边框中的尺寸
  // var txt="";
  // txt+="Width of div: " + $("#div1").width() + "</br>";
  // txt+="Height of div: " + $("#div1").height() + "</br>";
  // txt+="Inner width of div: " + $("#div1").innerWidth() + "</br>";
  // txt+="Inner height of div: " + $("#div1").innerHeight() + "</br>";
  // txt+="Outer width of div: " + $("#div1").outerWidth() + "</br>";
  // txt+="Outer height of div: " + $("#div1").outerHeight();
  // $("#div1").html(txt);

  // 设置背景色
  // $("p").css({"background-color":"yellow","font-size":"200%"});
  // 返回颜色文本
  // alert("Background color = "+ $("p").css("background-color"));
  // 切换样式
  // $("h1,h2,p").toggleClass("blue");
  // 删除样式
  // $("h1,h2,p").removeClass("blue");
  // 添加样式
  // $("#div1").addClass("important blue");
  // 添加class属性
  // $("h1,h2,p").addClass("blue");
  // $("div").addClass("important");
  // 删除所有p元素的子元素
  // $("p").remove(".italic");
  // 删除元素
  // $("#div1").remove();
  // 清空元素
  // $("#div1").empty();
  // });

  // 添加元素
  // $("#btn1").click(function (){
  //   $("p").append("<b>appended text</b>.");
  //   $("p").prepend("<b>prepended text</b>.")
  // });
  // $("#btn2").click(function (){
  //   $("ol").append("<li>appended item</li>");
  //   $("ol").prepend("<li>prepend item</li>");
  // });
});
